<template>
	<view class="note" @tap="openPop">
		<slot></slot>
		<uni-popup ref="popup" background-color="#fff" type="bottom">
			<view class="popup-content">
				<view class="note-header">
					<uni-icons fontFamily="iconfont" @click="goBack" :size="30" color="#333">{{'\ue64f'}}</uni-icons>
					<view class="title">
						abcdfdsaf
					</view>
				</view>
				<view class="note-body">
					bcd
				</view>
				<view class="note-footer">
					更新于十三分钟前
				</view>
		
			</view>
		</uni-popup>
	</view>
</template>

<script>
	
	export default {
		methods:{
			openPop(){
				this.$refs.popup.open()
			}
		}
	}
</script>

<style>
	.popup-content{
		background-color: #eee;
		width: 100vw;
		height: 100vh;
		display: flex;
		flex-direction: column;
		.note-header{
			height: 36px;
			width: 100%;
			display: flex;
			align-items: center;
			.title{
				flex: 1;
				margin-left: 24px;
			}
		}
		.note-body{
			flex: 1;
		}
		
		.note-footer{
			height: 36px;
		}
		
		
	}
</style>